<template>
  <div class="zdgz">
    <el-card>
      <div slot="header" class="card-header">
        <span>{{ this.$route.meta.title }}</span>
      </div>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-card class="el-card-clean">
            <GH></GH>
          </el-card>
        </el-col>
        <el-col :span="12">
          <el-card class="el-card-clean">
            <YH></YH>
          </el-card>
        </el-col>
      </el-row>
      <el-col :span="24">
        <el-card class="el-card-clean">
          <ZH></ZH>
        </el-card>
      </el-col>
    </el-card>
  </div>
</template>

<script>
import GH from './components/GH'
import YH from './components/YH'
import ZH from './components/ZH'
export default {
  components: {
    GH,
    YH,
    ZH
  }
}
</script>

<style lang="scss" scoped></style>
